<template>
  <div class="goods-item-container" @click="handleGoodsClick">
    <div class="goods-item-imgBox">
      <img :src="goodsData.image_src" />
    </div>
    <p>{{goodsData.title}}</p>
    <div class="desc">
      <span id="price">￥{{goodsData.price}}</span>
      <span id="order-count">{{goodsData.order_count}}人付款</span>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    goodsData: Object
  },
  methods: {
    handleGoodsClick() {
      this.$router.push(`/goods/${this.goodsData.id}/`);
    }
  }
};
</script>

<style>
</style>